<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
	<title>互动式在线客服平台用户登录</title>
	<style type="text/css">
		*{margin:0;padding:0;font-family:'宋体';}body,html{width: 100%;height: 100%;}
		li,ul{list-style:none}img{border:none}a{text-decoration: none;}
		a,input{outline:0;border:none;color:inherit;font-size:inherit;}
		.login{background: url(images/login_bg.png) center 70% no-repeat;width: 100%;height: 100%;position: relative;overflow: hidden;}
		.login .main{position: absolute;left: 50%;margin-left: -425px;top: 50%;margin-top: -230px;z-index: 20;}
		.login .main .title{margin-bottom: 25px;}
		.login .main .box{width: 473px;height: 343px;background: url(images/login_bg2.png) 0 0 no-repeat;overflow: hidden;color: #333;font-size: 13px;}
		.login .main .box ul{width: 335px;margin: 100px auto 0 auto;}
		.login .main .box ul li label{float: left;line-height: 30px;width: 102px;}
		.login .main .box ul li label img{vertical-align: middle;margin-top: -2px;margin-right: 12px;}
		.login .main .box ul li.password{margin: 28px 0 22px 0;}
		.login .main .box ul li.password label img{margin-right: 14px;}
		.login .main .box ul li input{width: 210px;padding: 0 10px;height: 30px;line-height: 30px;border: 1px solid #68b1e3;}
		.login .main .box ul li.sub{text-align: right;}
		.login .main .box ul li.sub span{display: inline-block;width: 150px;height: 30px;background: #3b9cdc;padding: 1px;}
		.login .main .box ul li.sub span .btn{display: inline-block;text-align: center;background:#77b8ec;width: 100%;border: 1px solid #9fd1f8;font-size: 15px;color: #fff;cursor: pointer;line-height: 28px;}
		.login .girl{position: absolute;left: 50%;margin-left: -155px;top: 50%;margin-top: -350px;z-index: 10;}
	</style>
</head>
<body>
	<div class="login">
		<div class="main">
			<img src="images/login_title.png" class="title">
			<div class="box">
				<ul>
					<li>
						<label><img src="images/login_user.png"><font>座席工号</font></label>
						<input type='text' value=''>
					</li>
					<li class="password">
						<label><img src="images/login_password.png"><font>座席密码</font></label>
						<input type='text' value=''>
					</li>
					<li class="sub">
						<span><a href="changePwd.html" class="btn">修改密码</a></span>
						<span><input type='button' value='登录' class="btn" onclick="location.href='main.html'"></span>
					</li>
				</ul>
			</div>
		</div>
		<img src="images/login_girl.png" class="girl">
	</div>
	<script type="text/javascript">
		
	</script>
</body>
</html>